//定义颜色
@default:#00b38a;
@white:#ffffff;
@word:#555;
@fa:#FAFAFA;


//中间主体部分
#container{
    width: 1024px;
    margin: 35px auto 0;
    padding-bottom: 150px;
    .center_main{
//      左边区域
        .content_l{
            width: 680px;
            float: left;
            h1{
                font-weight: 400;
                line-height: 42px;
                margin: 0 0 20px;
            }
            dl.delivery{
                background-color: @fa;
                margin-bottom: 175px;
                dt{
                    background: #FAFAFA;
                    height: 50px;
                    border-bottom: 1px solid #EBEBEB;
                    position: relative;
                    padding: 10px 0 0 20px;
                    h1{
                        font-size: 24px;
                        color: @word;
                    }
                    em{
                        background: @white url(../image/status/resume_arr.png) no-repeat;
                        width: 24px;
                        height: 28px;
                        position: absolute;
                        top: 0;
                        right: 0;
                    }
                    .d_refresh{
                        font-size: 18px;
                        color: @word;
                        background: url(../image/status/refresh.png) left center no-repeat;
                        padding-left: 20px;
                        position: absolute;
                        right: 35px;
                        top: 16px;
                    }
                }
                dd{
                    min-height: 300px;
                    padding: 20px 0;
                    clear: both;
                    .delivery_tabs{
                        background-color: #F2F2F2;
                        padding: 0;
                        ul{
                            margin-left: 30px;
                            font-size: 0;
                        }
                        .list_ul{
                            margin: 0;
                            padding: 0;
                            list-style: none;
                        }
                        li{
                            position: relative;
                            padding: 16px 0 13px;
                            vertical-align: middle;
                            display: inline-block;
                            a{
                                display: block;
                                padding: 0 26px 0 25px;
                                vertical-align: middle;
                                font-size: 16px;
                                line-height: 16px;
                                color: #777;
                                border-left: 1px solid #d8d8d8;
                            }
                            a.all_resume{
                                border: none;
                            }
                        }
                        li.current{
                            border-bottom: 2px solid @default;
                            a{
                                color: @default;
                            }
                        }
                    }
                    #delivery_main{
                        .my_delivery{
                            margin: 20px 34px 20px 29px;
                            li{
                                margin-bottom: 30px;
                                background-color: @white;
                                position: relative;
                            }
                            .d_item{
                                border-left: 3px solid #91cebe;
                                overflow: hidden;
                                padding: 3px 12px;
                                h2{
                                    padding: 5px 0;
                                    margin: 0!important;
                                    font-weight: 400;
                                    float: left;
                                    em{
                                        font-size: 18px;
                                        color: #0d9572;
                                    }
                                    span{
                                        color: #e6775c;
                                        font-size: 16px;
                                        float: none;
                                    }
                                }
                                .d_jobname{
                                    clear: both;
                                    float: left;
                                    color: @word;
                                    font-size: 16px;
                                    margin: 5px 0;
                                }
                                .d_resume{
                                    clear: both;
                                    float: left;
                                    color: #999;
                                    margin: 5px 0;
                                    span{
                                        color: #333;
                                    }
                                }
                                a:hover{
                                    color: @default;
                                }
                                .showprogress{
                                    float: right;
                                    color: @word;
                                    font-size: 14px;
                                    margin: 5px 0 5px 5px;
                                    position: relative;
                                    padding-right: 15px;
                                    i{
                                        position: absolute;
                                        top: 8px;
                                        right: 0;
                                        width: 0;
                                        height: 0;
                                        overflow: hidden;
                                        font-size: 0;
                                        line-height: 0;
                                        border-width: 6px 6px 0;
                                        border-style: solid dashed;
                                        border-color: #019875 transparent transparent;
                                        -webkit-transition: all 0.4s ease 0s;
                                        -moz-transition: all 0.4s ease 0s;
                                        -ms-transition: all 0.4s ease 0s;
                                        -o-transition: all 0.4s ease 0s;
                                        transition: all 0.4s ease 0s;
                                    }
                                }
                                .d_time{
                                    float: right;
                                    color: #999;
                                    margin: 5px 0;
                                }
                            }
                            .progress_status{
                                display: none;
                                border-top: 1px dashed #ccc;
                                border-bottom: 2px solid #91cebe;
                                padding: 25px 35px;
                                position: relative;
                                zoom: 1;
                                overflow: hidden;
                                ul{
                                    margin: 0;
                                    padding: 0;
                                    list-style: none;
                                }
                                .status_steps{
                                    li{
                                        float: left;
                                        color: @white;
                                        font-size: 18px;
                                        text-align: center;
                                        line-height: 28px;
                                        margin-bottom: 0;
                                    }
                                    .status_1{
                                        margin-left: 20px;
                                    }
                                    .status_done{
                                        width: 28px;
                                        height: 28px;
                                        background: url(../image/status/status_bg.png) left top no-repeat;
                                    }
                                    .status_grey{
                                        width: 28px;
                                        height: 28px;
                                        background: url(../image/status/status_bg.png) left bottom no-repeat;
                                    }
                                    .status_line{
                                        width: 120px;
                                        margin-top: 12px;
                                    }
                                    .status_line_done span{
                                        display: block;
                                        height: 4px;
                                        background: #019875;
                                    }
                                    .status_line_grey{
                                        display: block;
                                        height: 4px;
                                        background: #dadada;
                                    }
                                }
                                .status_text{
                                    position: relative;
                                    margin-bottom: 30px;
                                    height: 60px;
                                    li{
                                        position: absolute;
                                        width: 148px;
                                        text-align: center;
                                        top: 32px;
                                        left: -42px;
                                        color: #333;
                                        font-size: 16px;
                                        line-height: 28px;
                                    }
                                    .status_text2{
                                        left: 104px;
                                    }
                                    .status_text3{
                                        left: 256px;
                                    }
                                    .status_text4{
                                        left: 405px;
                                    }
                                }
                                .status_list{
                                    h3{
                                        margin: 0 0 10px;
                                        font-size: 18px;
                                        color: @word;
                                    }
                                    li{
                                        margin: 0;
                                    }
                                    .top1{
                                        .list_time{
                                            em{
                                                background-position: left top;
                                            }
                                        }
                                        .list_body{
                                            border-left: 0;
                                        }
                                    }
                                    .list_time{
                                        font-size: 12.5px;
                                        color: #999;
                                        padding-left: 20px;
                                        position: relative;
                                        em{
                                                
                                            position: absolute;
                                            left: 0;
                                            top: 5px;
                                            width: 10px;
                                            height: 11px;
                                            background: url(../image/status/status_dot.png) left bottom no-repeat;
                                        }
                                    }
                                    .top{
                                        .list_body{
                                            border-left: 3px solid #019875;
                                            
                                        }
                                        .list_time{
                                            em{
                                                background-position: left top;
                                            }
                                        }
                                        h3{
                                            color: #019875;
                                        }
                                    }
                                    .list_body{
                                        color: @word;
                                        border-left: 2px solid #d0d0d0;
                                        padding: 2px 0 20px 12px;
                                        margin-left: 4px;
                                        font-size: 16px;
                                        line-height: 28px;
                                        div{
                                            color: #888;
                                            overflow: auto;
                                        }
                                    }
                                    .bottom{
                                        .list_body{
                                            border-left: 0;
                                        }
                                    }
                                }
                                .closeprogress{
                                    position: absolute;
                                    right: 35px;
                                    bottom: 30px;
                                    width: 44px;
                                    height: 44px;
                                    background: url(../image/status/progress_close.png) no-repeat;
                                }
                            }
                        }
                    }
                }
            }
        }
//      右边区域
        .content_r{
            float: left;
            width: 282px;
            margin-left: 42px;
            .CR_nav{
                overflow: hidden;
                margin-bottom: 18px;
                ul{
                    list-style: none;
                    padding: 0;
                }
                li{
                    float: left;
                    width: 66px;
                    height: 66px;
                    margin-right: 3px;
                    border: 1px solid #F2F2F2;
                    -webkit-border-radius: 3px;
                    -moz-border-radius: 3px;
                    border-radius: 3px;
                    a{
                        position: relative;
                        display: block;
                        padding-top: 40px;
                        height: 26px;
                        text-align: center;
                        background-color: @fa;
                        .tu{
                            background-position: 0 -316px;
                        }
                        .jl{
                            background-position: -101px -316px;
                        }
                        .shc{
                            background-position: -35px -316px;
                        }
                        .gr{
                            background-position: -67px -316px;
                        }
                        i{
                            position: absolute;
                            left: 50%;
                            margin-left: -14px;
                            top: 12px;
                            width: 30px;
                            height: 25px;
                            background: url(../image/status/icons_mr.png) no-repeat;
                        }
                    }
                    a:hover{
                        color: @default;
                        .tu{
                            background-position: 0 -348px;
                        }
                        .jl{
                            background-position: -101px -348px;
                        }
                        .shc{
                            background-position: -35px -348px;
                        }
                        .gr{
                            background-position: -67px -348px;
                        }
                    }
                }
                .mr_none{
                    margin-right: 0;
                }
            }
//          猜你喜欢区域
            .like_recommend{
                .like_head{
                    list-style-type: none;
                    border-bottom: 2px solid #C9C9C9;
                    padding: 0;
                    margin: 1em 0;
                    li{
                        display: inline-block;
                        padding: 0 10px 7px;
                        margin-right: -4px;
                        color: #333;
                        font-size: 14px;
                        cursor: pointer;
                        margin-bottom: -2px;
                        font-weight: 700;
                    }
                    .like_select{
                        border-bottom: 2px solid #00a881;
                    }
                }
                .like_content{
                    .guess_like{
                        width: 280px;
                        margin-top: -12px;
                        .guess_like_list{
                            overflow: hidden;
                            width: 280px;
                            vertical-align: top;
                            border-bottom: 1px dashed #E5E5E5;
                            position: relative;
                            a{
                                width: 280px;
                                display: block;
                                overflow: hidden;
                                margin: 12px 0 12px 12px;
                                .guess_like_list_logo{
                                    margin-right: 12px;
                                    border: 2px solid #F2F2F2;
                                    float: left;
                                    img{
                                        vertical-align: middle;
                                        display: block;
                                    }
                                }
                                .guess_like_list_pos{
                                    float: left;
                                    h2{
                                        width: 160px;
                                        text-overflow: ellipsis;
                                        overflow: hidden;
                                        white-space: nowrap;
                                        margin: 0;
                                        color: #333;
                                        padding: 0;
                                        font-size: 16px;
                                    }
                                    p{
                                        color: #E6775C;
                                        padding: 0;
                                        margin: -2px 0 0 0;
                                        font-size: 16px;
                                    }
                                    .company_name{
                                        color: #999;
                                        font-size: 12px;
                                        .company_name_span{
                                            text-overflow: ellipsis;
                                            overflow: hidden;
                                            white-space: nowrap;
                                            width: 100px;
                                            display: block;
                                            float: left;
                                        }
                                    }
                                }
                            }
                        }
                    }
                    .guess_like_more{
                        display: block;
                        color: @word;
                        height: 35px;
                        line-height: 35px;
                        background: @fa url(../image/status/similar_position_triangle.png) no-repeat 205px 10px;
                        margin-bottom: 10px;
                        margin-top: 12px;
                        text-align: center;
                    }
                    a:hover{
                        color: @default;
                    }
                }
            }
        }
    }
}



























